/*公用类 start*/
.login{
	width: 100%;
	background-color: #f4f8fb;
	position: relative;
}
.login .loginHead{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	line-height: 80px;
	z-index: 1000;
	color: #fff;
	background-color: #32C37C;
}
.login .loginHead .loginHeadContent{
	width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 10px;
}
.login .loginHead .indexLogo{
	margin-top: 30px;
	display: block;
	height: 20px;
}
.login .loginHead .aGroup a{
	font-size: 16px;
	color: #fff;
	display: inline-block;
	width: 120px;
	text-align: center;
}
.login .loginHead .aGroup a:hover{
	color: #32C37C;
	background-color: #fff;
}
.login .loginHead .aGroup{
	margin-right: 20px;
}
.login .loginHead .aGroup,.login .loginHead .btnGroup{
	float: left;
}
.login .loginHead .btnGroup a{
	font-size: 14px;
	color: #fff;
	display: inline-block;
	width: 120px;
	height: 35px;
	line-height: 33px;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #fff;
	background-color: #32C37C;
	margin-left: 10px;
}
.login .loginHead .btnGroup a:hover{
	background-color: #fff;
	color: #32C37C;
}
.login .loginContent{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding-top: 80px;
	background: url(../img/loginBgLine.png) no-repeat;
	background-size: 300%;
	background-position: 50%;
	width: 100%;
}
.footer{
	width: 100%;
	text-align: center;
	height: 80px;
	line-height: 80px;
	background-color: #fff;
	color: #666;
	font-size: 14px;
	position:absolute;
	left: 0;
	bottom: 0;
}
/*公用类 end*/


/*loginType start*/
.loginType .contentBox{
	width: 1180px;
	margin: 80px auto 0;
}
.loginType .loginBgLogo{
	position: relative;
	top: 100px;
}
.loginType .loginBox{
	width: 520px;
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
	float: right;
	margin-bottom: 120px;
}
.loginType .loginBox .loginBoxMenu{
	width: 100%;
}
.loginType .loginBox .loginType{
	width: 50%;
	float: left;
	height: 80px;
	line-height: 80px;
	border-bottom: 1px solid #d9d9d9;
	text-align: center;
	font-size: 16px;
	color: #333;
	box-sizing: border-box;
	cursor: pointer;
}
.loginType .loginBox .loginBoxMenu .active{
	color: #32C37C;
	border-bottom: 2px solid #32C37C;
}
.loginType .loginBox .loginForm{
	width: 100%;
	box-sizing: border-box;
	padding: 50px 30px 10px 30px; 
}
.loginType .loginForm .inputGroup{
	width: 420px;
	margin: 0 auto 30px auto;
}
.loginType .loginForm .inputGroup input{
	width: 100%;
	height: 50px;
	font-size: 16px;
	box-sizing: border-box;
	padding-left: 10px;
}
.loginType .loginForm .inputGroup .last{
	margin-bottom: 0;
}
.loginType .loginForm .inputGroup .tips{
	font-size: 12px;
	color: #f00;
	margin-top: 10px;
}
.loginType .loginForm .inputGroup .remember{
	font-size: 14px;
} 
.loginType .loginForm .inputGroup .forget{
	color: #2277DA;
	font-size: 14px;
}
.loginType .loginForm .inputGroup .loginBtn{
	width: 100%;
	height: 50px;
	font-size: 16px;
	color: #fff;
	background-color: #32C37C;
}
.loginType .loginBox .toRegister{
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	text-align: center;
	position: relative;
	top: -20px;
}
.loginType .loginBox .toRegister a{
	color: #2277DA;
}
.loginType .loginBox .weChatForm{
	width: 100%;
	box-sizing: border-box;
	padding: 60px 140px;
	text-align: center;
}
.loginType .loginBox .weChatForm img{
	width: 100%;
}
/*loginType end*/


/*findBackPw && checkInMail && resetingPw start*/
.findBackPw .loginContent{
	background: initial;
}
.findBackPw .findBackPwForm{
	width: 1180px;
	box-sizing: border-box;
	padding: 120px 0;
	background-color: #fff;
	margin: 40px auto 120px;
}
.findBackPw .findBackPwFormContent{
	width: 420px;
	margin: 0 auto;
}
.findBackPw .findBackPwForm .tips{
	font-size: 16px;
	color: #333;
	margin-bottom: 30px;
	font-weight: 700;
}	
.findBackPw .findBackPwForm .inputGroup{
	width: 420px;
	margin-bottom: 30px;
}
.findBackPw .findBackPwForm .inputGroup input{
	color: #333;
}
.findBackPw .findBackPwForm .inputGroup .user{
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	padding-left: 20px;
	font-size: 16px;
}
.findBackPw .findBackPwForm .inputGroup .phoneTips{
	font-size: 14px;
	color: #f00;
	line-height: 25px;
}
.findBackPw .findBackPwForm .inputGroup .codeNum{
	width: 255px;
	height: 50px;
	font-size: 16px;
	box-sizing: border-box;
	padding-left: 20px;
	float: left;
}
.findBackPw .findBackPwForm .inputGroup .sentCode{
	float: right;
	width: 155px;
	height: 50px;
	border: 1px solid #bfcbd9;
	font-size: 16px;
	background-color: #fff;
	color: #32C37C;
}
.findBackPw .findBackPwForm .littleTips{
	font-size: 12px;
	color: #999;
	margin-bottom: 20px;
}
.findBackPw .findBackPwForm .nextStep{
	width: 100%;
	height: 50px;
	color: #fff;
	background-color: #32C37C;
	font-size: 16px;
}
.findBackPw .findBackPwForm .disabled{
	background-color: #d9d9d9;
}

.checkInMail .findBackPwForm .mailBox{
	margin-bottom: 20px;
}
.checkInMail .findBackPwForm .largeTips{
	font-size: 20px;
	color: #333;
	margin-bottom: 20px;
}
.checkInMail .findBackPwForm .mailTips{
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 40px;
}
.checkInMail .findBackPwForm .mailTips a{
	color: #32C37C;
}

.resetingPw .findBackPwForm .tips{
	font-size: 16px;
	color: #333;
	margin-bottom: 30px;
}	
.resetingPw .findBackPwForm .inputGroup{
	width: 420px;
	margin-bottom: 30px;
}
.resetingPw .findBackPwForm .inputGroup input{
	color: #333;
}
.resetingPw .findBackPwForm .inputGroup .user{
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	padding-left: 20px;
	font-size: 16px;
}
.resetingPw .findBackPwForm .inputGroup .helpTips{
	text-align: left;
	line-height: 30px;
	font-size: 14px;
	color: #f00;
}
.resetingPw .findBackPwForm .nextStep{
	width: 100%;
	height: 50px;
	color: #fff;
	background-color: #32C37C;
	font-size: 16px;
}
/*findBackPw && checkInMail && resetingPw end*/


/*register start*/
.register .loginContent{
	background: initial;
}
.register .registerTypeForm{
	width: 1180px;
	background-color: #fff;
	margin: 40px auto 120px;
}
.register .menuTypeBox{
	width: 100%;
	height: 85px;
	line-height: 85px;
	font-size: 20px;
	cursor: pointer;
}
.register .menuType{
	width: 50%;
	height: 85px;
	float: left;
	text-align: center;
	border-bottom: 1px solid #d9d9d9;
	box-sizing: border-box;
}
.register .menuTypeBox .active{
	color: #32C37C;
	border-bottom: 2px solid #32C37C;
}
.register .registerTypeFormContent{
	width: 420px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 100px 0;
}
.register .registerTypeFormContent .inputGroup{
	margin-bottom: 20px;
	width: 100%;
}
.register .registerTypeFormContent .inputGroup .tips{
	font-size: 14px;
	color: #f00;
	line-height: 30px;
}
.register .registerTypeFormContent .personalUser{
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	padding-left: 20px;
	font-size: 16px;
}
.register .registerTypeFormContent .inputGroup .codeNum{
	width: 255px;
	height: 50px;
	font-size: 16px;
	box-sizing: border-box;
	padding-left: 20px;
	float: left;
}
.register .registerTypeFormContent .inputGroup .sentCode{
	float: right;
	width: 155px;
	height: 50px;
	border: 1px solid #bfcbd9;
	font-size: 16px;
	background-color: #fff;
	color: #32C37C;
}
.register .registerTypeFormContent .personalPw{
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	padding-left: 20px;
	font-size: 16px;
}
.register .registerTypeFormContent .complyWith{
	font-size: 14px;
}
.register .registerTypeFormContent .complyWith a{
	color: #2277DA;
}
.register .registerTypeFormContent .registerBtn{
	width: 100%;
	height: 50px;
	color: #fff;
	background-color: #32C37C;
	font-size: 16px;
}
.register .registerTypeFormContent .hasUser{
	margin-top: 20px;
	text-align: center;
	width: 100%;
	font-size: 14px;
}
.register .registerTypeFormContent .hasUser a{
	color: #2277DA;
}
.register .registerTypeFormContent .companyUser{
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	padding-left: 20px;
	font-size: 16px;
}
.register .registerTypeFormContent .companyPw{
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	padding-left: 20px;
	font-size: 16px;
}
/*register end*/


/*mailVerification start*/
.mailVerification .loginContent{
	background: initial;
}
.mailVerification .findBackPwForm{
	width: 1180px;
	box-sizing: border-box;
	padding: 120px 0;
	background-color: #fff;
	margin: 40px auto 120px;
}
.mailVerification .findBackPwFormContent{
	width: 600px;
	margin: 0 auto;
}
.mailVerification .findBackPwForm .nextStep{
	width: 300px;
	height: 50px;
	color: #fff;
	background-color: #32C37C;
	font-size: 16px;
}
.mailVerification .findBackPwForm .mailBox{
	margin-bottom: 20px;
}
.mailVerification .findBackPwForm .largeTips{
	font-size: 20px;
	color: #333;
	margin-bottom: 10px;
}
.mailVerification .findBackPwForm .mailTips{
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 20px;
}
.mailVerification .findBackPwForm .mailTips a{
	color: #32C37C;
}
.mailVerification .findBackPwForm .mailTips .resent{
	color: #2277DA;
}
/*mailVerification end*/


/*mailVerificationFail start*/
.mailVerificationFail .loginContent{
	background: initial;
}
.mailVerificationFail .findBackPwForm{
	width: 1180px;
	box-sizing: border-box;
	padding: 120px 0;
	background-color: #fff;
	margin: 40px auto 120px;
}
.mailVerificationFail .findBackPwFormContent{
	width: 600px;
	margin: 0 auto;
}
.mailVerificationFail .findBackPwForm .nextStep{
	width: 300px;
	height: 50px;
	color: #fff;
	background-color: #32C37C;
	font-size: 16px;
}
.mailVerificationFail .findBackPwForm .mailBox{
	margin-bottom: 30px;
}
.mailVerificationFail .findBackPwForm .largeTips{
	font-size: 20px;
	color: #333;
	margin-bottom: 10px;
}
.mailVerificationFail .findBackPwForm .mailTips{
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 40px;
}
.mailVerificationFail .findBackPwForm .mailTips a{
	color: #32C37C;
}
.mailVerificationFail .findBackPwForm .mailTips .resent{
	color: #2277DA;
}
/*mailVerificationFail end*/


/*companyVertification start*/
.companyVertification .loginContent{
	background: initial;
}
.companyVertification .companyVertificationForm{
	width: 1180px;
	box-sizing: border-box;
	padding: 80px 0;
	background-color: #fff;
	margin: 40px auto 120px;
}
.companyVertification .companyVertificationContent{
	width: 535px;
	margin: 0 auto;
}
.companyVertification .formTitle{
	width: 100%;
	font-size: 20px;
	margin-bottom: 35px;
	text-align: center;
	font-weight: 700;
}
.companyVertification .inputGroup{
	width: 100%;
	margin-bottom: 30px;
	line-height: 50px;
}
.companyVertification .inputGroup .label{
	float: left;
	width: 120px;
	font-size: 16px;
}
.companyVertification .inputGroup .inputText{
	float: left;
	width: 410px;
	height: 50px;
	box-sizing: border-box;
	font-size: 14px;
	padding-left: 15px;
}
.companyVertification .inputGroup .imgBox{
	float: left;
	width: 410px;
}
.companyVertification .inputGroup .imgShow{
	float: left;
	margin-right: 20px;
	width: 150px;
	height: 150px;
	border: 1px solid #d9d9d9;
	box-sizing: border-box;
	padding: 10px;
}
.companyVertification .inputGroup .imgShow img{
	width: 100%;
	height: 100%;
}
.companyVertification .inputGroup .fileUp{
	display: none;
}
.companyVertification .inputGroup .imgLabel{
	float: left;
	border: 1px solid #d9d9d9;
	display: block;
	width: 120px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
	font-size: 14px;
}
.companyVertification .inputGroup .imgDec{
	line-height: 25px;
	font-size: 14px;
	color: #999;
	margin-top: 20px;
}
.companyVertification .inputGroup .industrySelect{
	width: 410px;
	float: left;
}
.companyVertification .inputGroup .industrySelect .industryBtn{
	width: 126px;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 50px;
	background-color: #fff;
	box-sizing: border-box;
	border: 1px solid #d9d9d9;
	position: relative;
	font-size: 16px;
}
.companyVertification .inputGroup .industrySelect .last{
	margin-right: 0;
}
.companyVertification .inputGroup .industrySelect .active{
	border: 1px solid #32C37C;
	color: #32C37C;
}
.companyVertification .inputGroup .industrySelect .industryBtn img{
	position: absolute;
	bottom: 0;
	right: 0;
}
.companyVertification .inputGroup .submit{
	width: 100%;
	height: 50px;
	font-size: 16px;
	background-color: #32C37C;
	color: #fff;
	margin-top: 20px;
}
/*companyVertification end*/